<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../../css/iuapmobile.um.css">
		<link rel="stylesheet" href="../../css/font-icons.css">
		<link rel="stylesheet" href="../../css/iscroll.css" />
		<style>
			#select1_dummy {
				border: none;
				padding-left: 10px;
				color: #555;
				font-size: 17px;
			}
			#select1_dummy:disabled {
				background: #fff;
			}
			.um-list-item .um-list-item-left{
				margin-left:4%; 
			}
		</style>

		<script src="../../js/jquery.min.js" ></script>
		<script src="../../js/summer.js" ></script>
		<script src="../../js/Frameworks/iuapmobile.frameworks.ui.js" ></script>
		<script src="../../js/knockout-2.2.0.js" ></script>
		<script src="../../js/k/kpublic.js" ></script>
		<script src="../../js/k/kconfig.js" ></script>

		<style>
			#check, .del {
				color: #007aff;
			}
			.list-item:last-child .um-list-item .um-list-item-inner:after {
				border-width: 0;
			}
			.um-list-item .um-list-item-left{
				margin-left:4%; 
			}
			
			
		</style>
		<script>
			function $pageReady() {
				/*这里编写与原生服务相关的代码逻辑，例如对原生设备服务的调用，对网络服务的调用等*/
				//alert("Mobile Native Ready");
			}
		</script>
		<script type="text/javascript"></script>
		<script src="js/w_wybx.js"></script>
	</head>
	<body>

		<!-- 第一页，查询出来的人员房产的列表页 -->
		<div class="um-page" id="index">
			<div class="um-header">
				<a href="#" class="um-back" onclick="summer.closeWin()"> 返回</a>
				<h3>房产信息</h3>
				<a href="w_wybx_rec.html"  class="um-header-right" >维修记录</a>
			</div>
			<div class="um-content p15">
				<ul class="um-list" id="shopContent"  data-bind="foreach: listData">
					<li class="list-item">
						<a href="#edite" class="um-list-item">
						<div class="um-list-item-inner" data-bind="click: $parent.lineClick" >
							<div class="um-list-item-body">
								<h4 class="media-heading" data-bind="text: premises_name" ></h4>
								<p>
									<span data-bind="text: building_num"></span>楼 <span data-bind="text: unit"></span>单元 <span data-bind="text: room_num"></span>房间
								</p>
							</div>
						</div> </a>
					</li>
				</ul>
			</div>
		</div>

		<!-- 第二页，点击某个列表，进入详情页 -->

		<div class="um-page" id="edite">
			<div class="um-header" >
				<a href="#index" class="um-back">返回</a>
				<h3>物业报修</h3>
			</div>
			<div class="um-content">
				<ul class="um-list" data-bind="with: line">
					<li>
						<div class="um-list-item">
							<div class="um-list-item-inner">
								<div class="um-list-item-left">
									小区名称:
								</div>
								<div class="um-list-item-right">
									<input readonly= "true" type="text" class="form-control" data-bind="value: premises_name">
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="um-list-item">
							<div class="um-list-item-inner">
								<div class="um-list-item-left">
									业主住址:
								</div>
								<div class="um-list-item-right" style="float: left">
									<span style="float: left" data-bind="text: building_num"></span><span style="float: left">号楼</span>
									<span style="float: left" data-bind="text: unit"></span><span style="float: left">单元</span>
									<span style="float: left" data-bind="text: room_num"></span><span style="float: left">室</span>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="um-list-item">
							<div class="um-list-item-inner">
								<div class="um-list-item-left">
									报修日期:
								</div>
								<div class="um-list-item-right">
									<input readonly= "true" type="date" class="form-control" id="repair_date">
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="um-list-item">
							<div class="um-list-item-inner">
								<div class="um-list-item-left">
									联系人:
								</div>
								<div class="um-list-item-right">
									<input type="text" class="form-control" data-bind="value: contacts">
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="um-list-item">
							<div class="um-list-item-inner">
								<div class="um-list-item-left">
									联系电话:
								</div>
								<div class="um-list-item-right">
									<input type="text" class="form-control" data-bind="value: tel">
								</div>
							</div>
						</div>
					</li>
					
					<li>
						<div class="um-list-item">
							<div class="um-list-item-inner">
								<div class="um-list-item-left">
									报修地点:
								</div>
								<div class="um-list-item-right">
									<input readonly= "true" type="text" class="form-control" data-bind="value: place">
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="um-list-item">
							<div class="um-list-item-inner">
								<div class="um-list-item-left">
									报修内容:
								</div>
								<div class="um-list-item-right">
									<input readonly= "true" type="text" class="form-control" data-bind="value: service_content">
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="um-list-item">
							<div class="um-list-item-inner">
								<div class="um-list-item-left">
									图片地址:
								</div>
								<div class="um-list-item-right">
									<input readonly= "true" type="text" class="form-control" data-bind="value: picture_uri">
								</div>
							</div>
						</div>
					</li>
				</ul>
				
				<a href="#" class="popBtn btn mt30" style="width: 90%;margin-left:5%" id = "submit">提交报修单</a>

			</div>
		</div>
		
	</body>
</html>